<%--
  Created by IntelliJ IDEA.
  User: 陈洋
  Date: 2022/6/15
  Time: 18:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style type="text/css">
        .Container {
            height: 600px;
            width: 700px;
            border: solid 1px red;
            margin-left: 350px;
        }

        .title {
            height: 90px;
            width: 100%;
            display: flex;
            justify-content: flex-start;
        }

        .title_left {
            display: flex;
            justify-content: flex-start;
            padding-left: 180px;
            width: 100%;
        }

        .banktitle {
            color: black;
            font-size: 40px;
            line-height: 90px;
            font-weight: bold;
        }

        .banktitleimg {
            height: auto;
            width: 50px;
            padding-top: 20px;
        }

        .subject {
            height: 60%;
        }

        .subject_main{
            border: solid 1px black ;
            height: 200px;
            width: 380px;
            margin-left: 150px;
            margin-top: 50px;
        }
        .form_title{
            margin-left: 150px;
        }
        .register_input{
            margin-left: 100px;
            margin-top: 20px;
        }
        .login_button{
            margin-left: 175px;
            margin-top: 20px;
        }

        .statement_end {
            padding-left: 250px;
        }

        .statement_text {
            font-size: 20px;
            color: red;
            font-weight: bold;
        }

        a.nav:link {
            text-decoration: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div class="Container">
    <div class="title">
        <div class="title_left">
            <div><span class="banktitle">ICBC</span></div>
            <div><img class="banktitleimg" src="img/780.jpg" \></div>
            <div><span class="banktitle">工商银行</span></div>
        </div>

    </div>

    <div class="subject">
        <hr class="nav" style="width: 100%;border-style: solid;border-width: 0px 0px 3px 0px;color:rgb(238,238,238);">
        <div class="subject_main">
            <form action="loginServlet" method="post">
                <div class="form_title">用户登录</div>
                <div class="register_input">
                    <label>姓名：</label>
                    <input type="text" name="username" placeholder="请输入姓名" />
                </div>
                <div class="register_input">
                    <label>密码：</label>
                    <input type="password" name="password" placeholder="请输入密码" />
                </div>
                <div class="login_button">
                    <button>登录</button>
                </div>
            </form>
        </div>

    </div>
    <div class="statement">
        <hr class="nav" style="width: 100%;border-style: solid;border-width: 0px 0px 3px 0px;color:rgb(238,238,238);">
        <div class="statement_end">
            <p class="statement_text">技术支持 || 加中实训 </p>
            <p class="statement_text">项目题目 || 工商银行</p>
        </div>
    </div>
</div>
</body>
</html>
